<template>
	<view class="loan">
		<template v-if="loanList.length ===0">
			<view>
				<notFoundData />
			</view>
		</template>
		<template v-for="item in loanList">
			<uni-card :sub-title="'借款时间:'+item.date" :key="item.id" :title="getUserInfoName" :extra="'金额:'+item.money">
				<text class="uni-body">备注：{{item.remark || '无'}}</text>
			</uni-card>
		</template>
	</view>
</template>

<script>
	import {
		mapGetters
	} from "vuex";
	import notFoundData from '@/components/notFoundData/index.vue'
	export default {
		props: {
			loanList: {
				type: Array,
				default () {
					return []
				}
			}
		},
		computed: {
			...mapGetters(["getUserInfoName", "getUserInfoUserName"]),

		},
		components: {
			notFoundData
		},
		data() {
			return {

			}
		},
		methods: {

		},
		created() {

		}
	}
</script>

<style lang="less" scoped>
	.loan {
		background-color: #fdfdfd;
		height: auto;
		min-height: 100%;
		padding-bottom: 20rpx;
	}
</style>
:title="getUserInfoName" :extra="'金额:'+item.money">
